/*元素选择器*/
h1 {
    color: red;
}

/*ID选择器*/
#container {
    color: blue;
}

/*类选择器*/
.center {
    color: green;
}

/*属性选择器*/
p[data-bind] {
    color: darkorange;
}

/*相邻兄弟选择器*/
span + .change {
    color: deeppink;
}

span + .change2 {
    color: firebrick;
}

/*普通兄弟选择器*/
span {
    background: #fff;
}

/*子选择器*/
p > span {
    background: chocolate;
}

/*后代选择器*/
div span {
    background: red;
}

/*伪类选择器*/
/*未访问链接*/
a:link {
    color: blue;
}

/*未访问链接*/
a{
    text-decoration:none;
}

/*已访问链接*/
a:visited {
    color: purple;
}

/*鼠标悬停*/
a:hover {
    /*font-weight: bold;*/
    background: yellow;
    text-decoration: underline;
}

/*激活链接*/
a:active {
    color: lime;
}